<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:c="http://java.sun.com/jsp/jstl/core">

<head>
<title>Sender</title>

<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="http://code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></script>
<link rel="stylesheet"
	href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css" />
<link rel="stylesheet"
	href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" />
<script
	src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

</head>
<body>


	<h:form class="col-sm-12">

		<div class="col-sm-12">

			<label for="url" class="col-sm-6">URL</label>
			<h:inputText id="url" class="form-control col-sm-6"
				value="#{personMB.urlDest}" />

			<label for="nombre" class="col-sm-6">Nombre</label>
			<h:inputText id="nombre" class="form-control col-sm-6"
				value="#{personMB.info.nombre}" />

			<label for="apellido" class="col-sm-6">Apellido</label>
			<h:inputText id="apellido" styleClass="form-control col-sm-6"
				type="text" value="#{personMB.info.apellido}" />

			<label for="email" class="col-sm-6">Email</label>
			<h:inputText id="email" class="form-control col-sm-6"
				value="#{personMB.info.email}" />
			<label for="ibm" class="col-sm-1">IBM?</label>	
			<h:selectBooleanCheckbox id="ibm" styleClass="col-sm-1" value="#{personMB.ibm}" />

		</div>

		<div class="col-sm-12">
			<h:panelGroup>
				<h:commandButton class="btn btn-outline btn-primary" value="enviar"
					action="#{personMB.send()}" />
			</h:panelGroup>

		</div>

	</h:form>

</body>
</html>